<!DOCTYPE html>
<html>
	<head>
		<title>Test page</title>
		<link rel="stylesheet" href="css.css" media="screen">
		<script type="text/javascript"  src="js/jquery-1.6.1.min.js"></script>
		<script type="text/javascript"  src="js/jquery.ui.core.js" defer></script> 
		<script type="text/javascript"  src="js/jquery.ui.widget.js" defer></script> 
		<script type="text/javascript"  src="js/jquery.ui.mouse.js" defer></script> 
		<script type="text/javascript"  src="js/jquery.ui.draggable.js" defer></script>
		<script type="text/javascript" src="js/app.js" defer></script>
	</head>
	<body>
		<div class="content">
			<h2>Исходник</h2>
			<p><img src="newcalendar.gif" width="400" height="360" alt="" title=""></p>
			<h2>HTML</h2>
			<div style="padding-left:15px;">
				<div class="calendar-box">
					<form action="#" method="post">
						<div class="calendar-input-box">
							<input type="text" name="calendar_input_date" value="31 мая 2011 г." class="calendar-input">
						</div>
						<div class="calendar-canvas">
							<table class="calendar-days-names">
								<tr>
									<td>П</td>
									<td>В</td>
									<td>С</td>
									<td>Ч</td>
									<td>П</td>
									<td>С</td>
									<td>В</td>
								</tr>
							</table>
							<div class="cc-days-box">
								<div class="cc-days-hide-box">
									<div class="cc-days-scroll">
										
									</div>
								</div>
							</div>
							<div class="cc-month-box">
								<div class="month-selector"></div>
								<div class="month-selector-back"><div class="shadow"></div></div>
								<ul class="cc-month-list">
									<li>январь</li>
									<li>февраль</li>
									<li>март</li>
									<li>апрель</li>
									<li>май</li>
									<li>июнь</li>
									<li>июль</li>
									<li>август</li>
									<li>сентябрь</li>
									<li>октябрь</li>
									<li>ноябрь</li>
									<li>декабрь</li>
								</ul>
							</div>
							<div class="cc-year-box">
								<div class="year-selector"></div>
								<div class="year-selector-back"><div class="shadow"></div></div>
								<ul class="cc-years-list">
									<li>2002</li>
									<li>2003</li>
									<li>2004</li>
									<li>2005</li>
									<li>2006</li>
									<li>2007</li>
									<li>2008</li>
									<li>2009</li>
									<li>2010</li>
									<li>2011</li>
									<li>2012</li>
									<li>2013</li>
								</ul>
							</div>
							<div class="clear"></div>
						</div>
					</form>
				</div>
			</div>
		</div>
	</body>
</html>